@charset "utf-8";

.game_time {
  width: 8vw;
  height: 8vw;
  text-align: center;

}

/* time scroll*/
.pie {
  width: 16vw;
  height: 16vw;
  border-radius: 8vw;
  position: absolute;
}
.pie1 {
  clip: rect(0px, 24vw, 16vw, 8vw);
  transform: rotate(0deg);
  background-color: #fff;
}
.pie2 {
  clip: rect(0px, 8vw, 16vw, 0px);
  transform: rotate(0deg);
  background-color: #fff;
}
.hold {
  width: 16vw;
  height: 16vw;
  position: absolute;
  z-index: 1;
}
.bg {
  width: 16vw;
  height: 16vw;
  border-radius: 16vw;
  position: absolute;
  background-color: #b5cbe9;
  box-shadow: 12px 25px 55px 0px #5a6dbc;
}
.time {
  color: #fff;
  width: 12vw;
  height: 12vw;
  margin: 2vw 0 0 2vw;
  background-image: linear-gradient(#5b6ebd, #4153a9);
  border-radius: 16vw;
  position: absolute;
  z-index: 1;
  text-align: center;
  line-height: 12vw;
  font-size: 3vw;
}
